<template>
  <div class="flow">
    <flow-title :FlowTitleList="FlowTitleList" />
    <flow-img :FlowImgList="FlowImgList" />
  </div>
</template>


<script>
import FlowTitle from "./FlowTitle";
import FlowImg from "./FlowImg";

export default {
  name: "Flow",
  data() {
    return {
      FlowTitleList: [
        {
          url:
            "https://www.guohuihr.cn/uploadfile/2020/1113/a565b02c4c38f15.png",

          p: "咨询服务",
          h2: "01",
        },
        {
          url:
            "https://www.guohuihr.cn/uploadfile/2020/1113/c61756ffd9fa990.png",

          p: "签约服务",
          h2: "02",
        },
        {
          url:
            "https://www.guohuihr.cn/uploadfile/2020/1113/5551f457ef25480.png",

          p: "招聘入职",
          h2: "03",
        },
        {
          url:
            "https://www.guohuihr.cn/uploadfile/2020/1113/28a2b6b03c43d50.png",

          p: "监控服务",
          h2: "04",
        },
        {
          url:
            "https://www.guohuihr.cn/uploadfile/2020/1113/5629e9609269ce8.png",

          p: "审核服务",
          h2: "05",
        },
        {
          url:
            "https://www.guohuihr.cn/uploadfile/2020/1113/373d261b4adc0bc.png",

          p: "通知服务",
          h2: "06",
        },
      ],
      FlowImgList: [
        "1.身份核对",
        "2.资料审核",
        "3.现场面试",
        "4.雇佣入职",
        "5.合同面签",
      ],
    };
  },
  components: {
    FlowTitle,
    FlowImg,
  },
};
</script>


<style lang="less" scoped>
.flow {
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
</style>